@media screen and (max-width: 1550px) {
    .container, .container_header {
        max-width: 1550px;
    }
    .tagline h1 {
        max-width: 1173px;
    }
    .tagline h1, .projects_title, .description h2, .services_title, .footer_title {
        font-size: 94px;
    }
}

@media screen and (max-width: 1455px) {
    .container, .container_header {
        max-width: 1455px;
        padding: 0 161px;
    }
}

@media screen and (max-width: 1440px) {
    .container, .container_header {
        max-width: 1440px;
    }
    .top_line {
        padding: 25px 0;
    }
    .logo img {
        width: 232px;
        height: 45px;
    }
    .languages {
        column-gap: 22px;
    }
    .ru, .en, .ru-en, .en-en {
        font-size: 22px;
        line-height: 26px;
    }
    .tagline {
        padding: 80px 0 144px 0;
    }
    .tagline h1 {
        max-width: 1118px;
        padding-bottom: 64px;
        font-size: 92px;
        line-height: 108.01px;
    }
    .tag p, .tag_fin p {
        font-size: 32px;
        line-height: 37.57px;
    }
    .wrap {
        padding: 16px 28px 18px 28px;
    }
    .shadow {
        height: 72px;
        left: 4px;
        top: 12px;
    }
    .projects {
        padding: 100px 0;
    }
    .projects_title, .description h2 {
        font-size: 92px;
        line-height: 108.01px;
    }
    .items {
        padding: 112px 0 0;
        row-gap: 125px;
    }
    .item {
        column-gap: 130px;
    }
    .divpaln, .piqqin, .paper {
        width: 324px;
        height: 324px;
    }
    .description {
        row-gap: 36px;
        margin-top: -20px;
    }
    .description p {
        font-size: 30px;
        line-height: 35.22px;
    }
    .services {
        padding: 96px 0;
    }
    .services_title {
        font-size: 92px;
        line-height: 108.01px;
        padding-bottom: 100px;
    }
    .manager {
        width: 298.72px;
        height: 255.85px;
        margin: 62px auto 42.96px auto;
    }
    .services_description {
        row-gap: 36px;
        padding: 0 80px 100px 80px;
    }
    .services_description h3 {
        font-size: 48px;
        line-height: 56.35px;
    }
    .services_description span {
        row-gap: 16px;
    }
    .services_description h4 {
        font-size: 24px;
        line-height: 28.18px;
    }
    .services_description p {
        font-size: 20px;
        line-height: 23.48px;
    }
    .java {
        margin: 28px auto 0 auto;
        width: 442px;
        height: 334px;
    }
    .services_item_3 {
        column-gap: 56px;
    }
    .services_item_3 .services_description {
        padding: 66px 0 119px 0;
        width: 367px;
    }
    .text {
        row-gap: 20px;
    }
    .testing {
        width: 586px;
        height: 442px;
    }
    .development {
        width: 452px;
        height: 340px;
        margin: 16px auto 4px auto;
    }
    .outline {
        width: 462px;
        height: 348px;
        margin: 13px auto 0 auto;
    }
    footer {
        padding-bottom: 200px;
    }
    .footer_title {
        font-size: 92px;
        line-height: 108.01px;
    }
    .contacts {
        padding-top: 64px;
        row-gap: 56px;
    }
    .e-mail img, .location img, .phone img {
        width: 60px;
        height: 60px;
    }
    .e-mail, .location, .phone {
        max-width: 806px;
        column-gap: 35px;
        font-size: 36px;
        line-height: 42.26px;
    }
}

@media screen and (max-width: 1400px) {
    .container, .container_header {
        max-width: 1400px;
    }
    .tagline h1 {
        max-width: 1048px;
    }
    .tagline h1, .projects_title, .description h2, .services_title, .footer_title {
        font-size: 84px;
        line-height: 98.01px;
}
}

@media screen and (max-width: 1320px) {
    .container, .container_header {
        max-width: 1320px;
        padding: 0 127px;
    }
}

@media screen and (max-width: 1252px) {
    .tagline h1, .projects_title, .description h2, .services_title, .footer_title {
        font-size: 80px;
        line-height: 94.01px;
}
    .tag p, .tag_fin p, .description p {
        font-size: 26px;
        line-height: 30.18px;
    }
    .shadow {
        height: 62.5px;
    }
}


@media screen and (max-width: 1190px) {
    .container {
        max-width: 1190px;
    }
    .container_header {
        max-width: 1190px;
        padding: 0 127px 0 116px;
    }
    .languages {
        column-gap: 20px;
    }
    .ru, .en, .ru-en, .en-en {
        font-size: 20px;
        line-height: 23.48px;
    }
    .tagline h1, .projects_title, .description h2, .services_title, .footer_title {
        font-size: 66px;
        line-height: 80.01px;
    }
    .tagline h1 {
        max-width: 823px;
        padding-bottom: 48px;
    }
    .tagline {
        padding: 68px 0 107.64px 0;
    }
    .tags {
        column-gap: 19.52px;
        row-gap: 28.52px;
    }
    .tag p, .tag_fin p {
        font-size: 24px;
        line-height: 28.18px;
    }
    .wrap {
        padding: 15.5665px 27.2415px 17.5124px 27.2415px;
    }
    .shadow {
        height: 61.08px;
        left: 3.89px;
        top: 11.68px;
    }
    .projects {
        padding: 80px 0;
    }
    .items {
        padding: 70px 0 0;
        row-gap: 85px;
    }
    .item {
        column-gap: 166px;
    }
    .divpaln, .piqqin, .paper {
        width: 260px;
        height: 260px;
    }
    .description {
        row-gap: 28px;
        margin-top: -15px;
    }
    .description p {
        font-size: 24px;
        line-height: 28.18px;
        max-width: 551px;
    }
    .services {
        padding: 80px 0;
    }
    .services_title {
        padding-bottom: 70px;
    }
    .manager {
        width: 249.36px;
        height: 213.57px;
        margin: 48.2px auto 38.22px auto;
    }
    .services_description {
        max-width: 455px;
        row-gap: 30px;
        padding: 0 48px 60px 48px;
    }
    .services_description h3 {
        font-size: 36px;
        line-height: 42.26px;
    }
    .services_description span {
        row-gap: 14px;
    }
    .services_description h4 {
        font-size: 20px;
        line-height: 23.48px;
    }
    .services_description p {
        font-size: 16px;
        line-height: 18.78px;
    }
    .java {
        margin: 22px auto 0 auto;
        width: 368.96px;
        height: 278.81px;
    }
    .services_item_3 {
        justify-content: center;
        column-gap: 42.76px;
    }
    .services_item_3 .services_description {
        padding: 39px 0 60.3px 0;
        width: 307px;
    }
    .text {
        row-gap: 16.7px;
    }
    .testing {
        width: 400.26px;
        height: 328.3px;
    }
    .development {
        width: 363px;
        height: 273px;
        margin: 6px auto 21px auto;
    }
    .outline {
        width: 365.99px;
        height: 290.65px;
    }
    footer {
        padding-bottom: 184px;
    }
    .contacts {
        padding-top: 48px;
        row-gap: 40px;
    }
    .e-mail, .location, .phone {
        font-size: 32px;
        line-height: 37.57px;
    }
}



@media screen and (max-width: 1134px) {
    .container, .container_header {
        max-width: 1134px;
    }
    .tagline h1, .projects_title, .description h2, .services_title, .footer_title {
        font-size: 66px;
        line-height: 80.01px;
    }
}


@media screen and (max-width: 1024px) {
    .container, .container_header {
        max-width: 1024px;
    }
    .container_header {
        padding: 0 127px 0 111px;
    }
    .tagline h1 {
        max-width: 748px;
    }
    .tagline h1, .projects_title, .description h2, .services_title, .footer_title {
        font-size: 60px;
        line-height: 70.44px;
    }
    .item {
        column-gap: 133px;
    }
    .description p {
        max-width: 388px;
    }
    .services_item_3 {
        justify-content: flex-start;
    }
}

@media screen and (max-width: 1016px) {
    .container, .container_header {
        max-width: 1016px;
        padding: 0 105px;
    }
    .manager {
        width: 232.36px;
        height: 204.57px;
    }
    .java {
        width: 329.51px;
        height: 265.81px;
    }
    .development {
        width: 329.51px;
        height: 256px;
    }
    .outline {
        width: 329.51px;
        height: 269.65px;
    }
}

@media screen and (max-width: 892px) {
    .tagline h1, .projects_title, .description h2, .services_title, .footer_title {
        font-size: 47px;
        line-height: 60.44px;
    }
    .tagline h1 {
        max-width: 586px;
    }
    .tags {
        column-gap: 13.94px;
        row-gap: 20.75px;
    }
    .tag p, .tag_fin p {
        font-size: 16.87px;
        line-height: 19.8px;
    }
    .wrap {
        padding: 11.2462px 19.6808px 12.6519px 19.6808px;
    }
    .shadow {
        height: 43.9px;
        left: 2.81px;
        top: 8.43px;
    }
    .item {
        column-gap: 100px;
    }
    .manager {
        width: 179.37px;
        height: 154.16px;
        margin: 26.19px auto 20.2px auto;
    }
    .services_description {
        max-width: 331px;
        row-gap: 21.45px;
        padding: 0 35px 33.89px 35px;
    }
    .services_description h3 {
        font-size: 26px;
        line-height: 30.52px;
    }
    .services_description span {
        row-gap: 10.11px;
    }
    .services_description h4 {
        font-size: 16px;
        line-height: 18.78px;
    }
    .services_description p {
        font-size: 14px;
        line-height: 16.44px;
    }
    .java {
        margin: 3px auto 0 auto;
        width: 266px;
        height: 201px;
    }
    .services_item_3 {
        column-gap: 36px;
    }
    .services_item_3 .services_description {
        padding: 19px 0 32px 0;
        width: 201px;
    }
    .text {
        row-gap: 12.05px;
    }
    .testing {
        width: 295px;
    height: 264px;
    }
    .development {
        width: 256px;
        height: 193px;
        margin: 0px auto 7px auto;
    }
    .outline {
        width: 226px;
        height: 188px;
}
}


@media screen and (max-width: 768px) {
    .container, .container_header {
        max-width: 768px;
    }
    .top_line {
        padding: 20px 0;
    }
    .logo img {
        width: 174px;
        height: 32.61px;
    }
    .languages {
        column-gap: 15px;
    }
    .ru, .en, .ru-en, .en-en {
        font-size: 15px;
        line-height: 17.61px;
    }
    .tagline {
        padding: 48.51px 0 80px 0;
    }
    .tagline h1 {
        max-width: 558px;
        padding-bottom: 36px;
        font-size: 45px;
        line-height: 52.83px;
    }
    .projects {
        padding: 72px 0;
    }
    .projects_title, .description h2 {
        font-size: 45px;
        line-height: 52.83px;
    }
    .items {
        padding: 48px 0 0;
        row-gap: 62.5px;
    }
    .item {
        column-gap: 92px;
    }
    .divpaln, .piqqin, .paper {
        width: 195px;
        height: 195px;
    }
    .description {
        row-gap: 21px;
        margin-top: -10px;
    }
    .description p {
        max-width: 271px;
        font-size: 18px;
        line-height: 21.13px;
    }
    .services {
        padding: 72px 0;
    }
    .services_title {
        font-size: 45px;
        line-height: 52.83px;
        padding-bottom: 42px;
    }
    .services_item_3 {
        justify-content: flex-start;
        column-gap: 36px;
    }
    footer {
        padding-bottom: 121px;
    }
    .footer_title {
        font-size: 45px;
        line-height: 52.83px;
    }
    .contacts {
        padding-top: 48px;
        row-gap: 30px;
    }
    .e-mail img, .location img, .phone img {
        width: 45px;
        height: 45px;
    }
    .e-mail, .location, .phone {
        font-size: 24px;
        line-height: 28.18px;
    }
}

@media screen and (max-width: 767px) {
    .container, .container_header {
        max-width: 767px;
        padding: 0 32px;
    }
    .top_line {
        padding: 15px 0;
    }
    .logo img {
        width: 132px;
        height: 26px;
    }
    .languages {
        column-gap: 12px;
    }
    
}

@media screen and (max-width: 620px) {
    .item {
        column-gap: 80px;
    }
    .java {
        width: 250px;
    }
    .development {
        width: 250px;
    }
    .outline {
        width: 220px;
    }
}

@media screen and (max-width: 591px) {
    .container, .container_header {
        max-width: 591px;
    }
    .tagline {
        padding: 32px 0;
    }
    .tagline h1 {
        max-width: 431px;
        padding-bottom: 32px;
        font-size: 35px;
        line-height: 37.52px;
    }
    .tags {
        column-gap: 13.94px;
        row-gap: 18.89px;
    }
    .tag_fin {
        display: none;
    }
    .tag_fin_2 {
        display: block;
        position: relative;
    }
    .tag p, .tag_fin_2 p {
        color: #1A1919;
        font-size: 16px;
        line-height: 18.78px;
    }
    .projects {
        padding: 32px 0;
    }
    .projects_title, .description h2 {
        font-size: 35px;
        line-height: 37.52px;
    }
    .items {
        padding: 32px 0 0;
        row-gap: 36px;
    }
    .item {
        column-gap: 55px;
    }
    .images {
        padding-top: 5px;
    }
    .divpaln, .piqqin, .paper {
        width: 86px;
        height: 86px;
    }
    .description {
        row-gap: 12px;
        margin-top: 0;
    }
    .description p {
        max-width: 363px;
        font-size: 15px;
        line-height: 17.61px;
    }
    .services {
        padding: 32px 0;
    }
    .services_title {
        font-size: 35px;
        line-height: 37.52px;
        padding-bottom: 32px;
    }
    .wrapper {
        row-gap: 12px;
        flex-wrap: wrap;
    }
    .services_item {
        display: flex;
        flex-direction: column-reverse;
    }
    .manager {
        width: 256.08px;
        height: 217px;
        margin: 30px auto 31px auto;
    }
    .services_description {
        row-gap: 24px;
        padding: 30px 26px 0 30px;
    }
    .services_description h3 {
        font-size: 22px;
        line-height: 25.83px;
        width: 252px;
    }
    .services_description span {
        row-gap: 8px;
        width: 253px;
    }
    .services_description p {
        font-size: 15px;
        line-height: 17.61px;
    }
    .java {
        margin: 0 auto 38.95px auto;
        width: 305.74px;
        height: 196.1px;
    }
    .services_item_3 {
        max-width: 313.44px;
        flex-direction: column-reverse;
        column-gap: 0px;
        row-gap: 18.25px;
        margin: 12px auto;
    }
    .services_item_3 .services_description {
        padding: 30px 0 0;
        width: 252px;
    }
    .text {
        row-gap: 24px;
    }
    .testing {
        width: 310px;
        height: 233.78px;
    }
    .development {
        width: 303.4px;
        height: 191.07px;
        margin: -10px auto 0 auto;
    }
    .outline {
        width: 300px;
        height: 202.73px;
        margin: -10px auto 0 auto;
    }
    footer {
        padding-bottom: 69px;
    }
    .footer_title {
        font-size: 35px;
        line-height: 37.52px;
    }
    .contacts {
        padding-top: 28px;
        row-gap: 20px;
    }
    .e-mail img, .location img, .phone img {
        width: 24.69px;
        height: 24.69px;
    }
    .e-mail, .location, .phone {
        column-gap: 13.17px;
        font-size: 16px;
        line-height: 18.78px;
    }
}

@media screen and (max-width: 375px) {
.tagline h1, .projects_title, .description h2, .services_title, .footer_title {
    font-size: 26px;
    line-height: 30.52px;
}
.tags {
    max-width: 290px;
}
.item {
    column-gap: 24px;
}
}

@media screen and (max-width: 350px) {
    .tag p, .tag_fin_2 p {
        font-size: 14px;
        line-height: 15.78px;
    }
    .tags {
        max-width: 265px;
    }
    .shadow {
        height: 40.9px;
        left: 1.81px;
        top: 6.43px;
    }
    .services_item_3 {
            max-width: 258.44px;
    }
    .services_item_3 .services_description {
        width: 205px;
    }
    .services_description {
        padding: 30px 16px 0 20px;
    }
    .services_description h3, .services_description span  {
        width: 218px;
    }
    .manager {
        width: 200px;
        height: 195px;
    }
    .java {
        width: 253.74px;
        height: 185.1px;
    }
    .testing {
        width: 279px;
        height: 224.78px;
    }
    .development {
        width: 253.74px;
        height: 161.07px;
    }
    .outline {
        width: 253.74px;
        height: 181.73px;
    }
}
   
